@charset "UTF-8";
/* CSS Document */

* {
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body {
    font-family:Arial, sans-serif;
}

header {
    background-color:#222;
    color:white;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 40px;
}

.logo-area {
    display:flex;
    align-items:center;
}

.logo-area img {
    width:60px;
    margin-right:15px;
}

nav a {
    color:white;
    text-decoration:none;
    margin-left: 20px;
}

nav a:hover {
    color:#00bcd4;
}

.hero {
    text-align:center;
    padding:60px 20px;
    background-color:#f4f4f4;
}

.galeria {
    padding: 40px;
    text-align: center;
}

.grid {
    display:grid;
	grid-template-columns:repeat;minimax:200px;
    gap:15px;
    margin-top:20px;
}

.item img {
    width:50%;
    height:100%;
    border-radius:10px;
}

footer {
    background-color:#222;
    color:white;
    text-align:center;
    padding: 20px;
    margin-top: 40px;
}
#contenedor{
	width:auto;
    padding:40px;
	background:#E7E7E7;
	text-align: center;
	margin:auto;
	border-radius: 20px;


}
#contenedor h4{
	color:#FFFFFF;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:4em;
}
#contenedor p {
	color:#000000;
	font-family:Gotham,"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:1em;
}